<template>
  <div class="home">
    <Header head-title="签到排号" go-back="true"></Header>
    <section class="group">
        <p class="fonts">您今天有预约记录，可以提前10分钟到**取号，点击签到按钮方便您查看当前排队信息</p>
    </section>
    <section class="group1 Select borderR">
        <section class="fontsMin recordLeft">
            <div class="Select RecordInfo">
                <p class="fontC">就诊时间：</p>
                <p>2020-02-12 上午</p>
            </div>
            <div class="Select RecordInfo">
                <p class="fontC">就诊医院：</p>
                <p>平顶山市第一人民医院</p>
            </div>
            <div class="Select RecordInfo">
                <p class="fontC">就诊人：</p>
                <p>毛驴张</p>
            </div>
            <div class="Select RecordInfo">
                <p class="fontC">科室：</p>
                <p>皮肤科</p>
            </div>
            <div class="Select RecordInfo">
                <p class="fontC">大夫：</p>
                <p>张欣欣 副主任医师</p>
            </div>
            <div class="Select RecordInfo">
                <p class="fontC">就诊号码：</p>
                <p>3</p>
            </div>
            <div class="Select RecordInfo">
                <p class="fontC">挂号费用：</p>
                <p class="Select"> <span class="activecolor">￥9.9</span>
                <span>普通号</span>
                    <el-button size="mini" type="primary">已支付</el-button>
                </p>
            </div>
        </section>
        <section class="recordRight fontsMin">
            <div class="recoBgT RecordCircle" v-if="Sign" @click="SignIn()">
                点击签到
            </div>
            <div class="RecordCircle RecordCircleNo" v-if="!Sign">
                已签到
            </div>
        </section>
    </section>
    <p class="fonts signP" v-if="!Sign">签到成功，您当前好书为 <span class="activecolor fontsM">13</span>, 当前还有 <span class="activecolor fontsM">10</span>个人在排队，请耐心等待... </p>
  </div>
</template>

<script>
import Header from '../../../components/Header'
export default {
  data () {
    return {
      Sign: true
    }
  },
  mounted () {
  },
  components: {
    Header
  },
  methods: {
    //    点击签到
    SignIn () {
      this.Sign = false
    }
  }
}
</script>

<style scoped>
.home {
  padding-top: 1.2rem;
}
.group1 {
    width: 86%;
    margin: 0 auto;
    padding: 0.2rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin-top: 0.3rem;
}
.recoBgT {
    border: 0.02rem solid #3599fb;
    color: #3599fb;
}

</style>
